﻿@page "/"

<PageTitle>仪表板</PageTitle>

<GridRow Gutter="8">
    <GridCol Span="16">
        <GridRow Gutter="(8, 8)">
            <GridCol Span="24">
                <Card Title="概览">
                    <ChildContent>
                        <GridRow Gutter="6">
                            <GridCol Span="6" class="text-center">
                                <Statistic Title="站点" Value="8"/>
                            </GridCol>
                            <GridCol Span="6" Class="text-center">
                                <Statistic Title="数据库" Value="8"/>
                            </GridCol>
                            <GridCol Span="6" Class="text-center">
                                <Statistic Title="计划任务" Value="8"/>
                            </GridCol>
                            <GridCol Span="6" Class="text-center">
                                <Statistic Title="FTP" Value="8"/>
                            </GridCol>
                        </GridRow>

                    </ChildContent>
                </Card>
            </GridCol>
            <GridCol Span="24">
                <Card Title="状态">
                    <ChildContent>
                        <div class="flex flex-row">
                            <div class="text-center">
                                <div>负载</div>
                                <Progress Type="ProgressType.Circle" Percent=75></Progress>
                            </div>
                            <div class="ml-5 text-center">
                                <div>CPU</div>
                                <Progress Type="ProgressType.Circle" Percent=75></Progress>
                            </div>
                            <div class="ml-5 text-center">
                                <div>内存</div>
                                <Progress Type="ProgressType.Circle" Percent=75></Progress>
                            </div>
                            <div class="ml-5 text-center">
                                <div>磁盘</div>
                                <Progress Type="ProgressType.Circle" Percent=75></Progress>
                            </div>
                        </div>
                    </ChildContent>
                </Card>
            </GridCol>
        </GridRow>
    </GridCol>
    <GridCol Span="8">
        <Card Title="系统信息">
            <ChildContent>
                <Descriptions Bordered>
                    <DescriptionsItem Title="主机名称" Span="3">iZ8vbbyz2u3851c1bqee25Z</DescriptionsItem>
                    <DescriptionsItem Title="主机名称" Span="3">iZ8vbbyz2u3851c1bqee25Z</DescriptionsItem>
                    <DescriptionsItem Title="发行版本" Span="3">ubuntu</DescriptionsItem>
                    <DescriptionsItem Title="内核版本" Span="3">5.15.0-92-generic</DescriptionsItem>
                    <DescriptionsItem Title="系统类型" Span="3">x86_64</DescriptionsItem>
                    <DescriptionsItem Title="主机地址" Span="3">172.16.0.166</DescriptionsItem>
                    <DescriptionsItem Title="启动时间" Span="3">2024-04-28 16:11:05</DescriptionsItem>
                    <DescriptionsItem Title="运行时间" Span="3">213天 22小时 31分钟 29秒</DescriptionsItem>
                </Descriptions>
            </ChildContent>
        </Card>
    </GridCol>
</GridRow>